<template>
  <div class="App">
    <!-- 快捷链接  -->
    <XtxShortCut></XtxShortCut>

    <!-- 头部导航  -->
    <XtxHeaderNav></XtxHeaderNav>

    <!-- 轮播区域 -->
    <XtxBanner></XtxBanner>
    <!-- 新鲜好物 -->
    <XtxNewGoods></XtxNewGoods>

    <!-- 热门品牌 -->
    <XtxHotBrand></XtxHotBrand>
    <!-- 最新专题 -->
    <XtxTopic></XtxTopic>
    <!-- 版权底部 -->
    <XtxFooter></XtxFooter>
  </div>
</template>

<script>
import XtxShortCut from "./components/XtxShortCut.vue";
import XtxHeaderNav from "./components/XtxHeaderNav.vue";
import XtxBanner from "./components/XtxBanner.vue";
import XtxNewGoods from "./components/XtxNewGoods.vue";
import XtxHotBrand from "./components/XtxHotBrand.vue";
import XtxTopic from "./components/XtxTopic.vue";
import XtxFooter from "./components/XtxFooter.vue";

export default {
  components: {
    XtxShortCut,
    XtxHeaderNav,
    XtxBanner,
    XtxNewGoods,
    XtxHotBrand,
    XtxTopic,
    XtxFooter,
  },
};
</script>

<style></style>
